<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head><title>HTML Programming - Music Scale</title>

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="expires" content="" />
<meta name="lang" content="en-US" />
<meta name="template-info" content="intro.htm 2013-02-07 usp" />
<meta name="creation-date" scheme="iso8601" content="2013-08-15" />
<meta name="last-modified" scheme="iso8601" content="2013-08-15" />
<meta name="version" content="1" />
<meta name="author" content="USP" />
<meta name="robots" content="follow" />
<meta name="category" content="Programming/Html/Music" />
<meta name="keywords" content="HTML, music, scale, diagram." />
<meta name="description" content="Test page for developing the music-scale javascript file." />

<link rel="stylesheet" type="text/css" href="../../includes/topic-2.css" />
<link rel="stylesheet" type="text/css" href="../../includes/table-2.css" />
<link rel="stylesheet" type="text/css" href="music.css" />
<link rel="stylesheet" type="text/css" href="local.css" />


<script language="JavaScript" type="text/javascript" src="../../includes/global.js"></script>
<script language="JavaScript" type="text/javascript" src="../../includes/cookies.js"></script>
<script language="JavaScript" type="text/javascript" src="../../includes/topic.js"></script>
<script language="JavaScript" type="text/javascript" src="music.js"></script>


</head><body class="content" onload="onloadTopic();"><a name="top"></a>

<h1>Music Scale Test</h1>

<table class="scale" id="table-1" notes="C,,D,,E,F,,G,,A,,B,C" >
<caption><u>1 - Ionian Mode</u></caption>
<tbody>
</tbody></table>
<script language="javascript">musicCreateScaleTable( document.getElementById( "table-1" ));</script>

<table class="scale" id="table-2" notes="D,,E,F,,G,,A,,B,C,,D" >
<caption><u>2 - Dorian Mode</u></caption>
<tbody>
</tbody></table>
<script language="javascript">musicCreateScaleTable( document.getElementById( "table-2" ));</script>


<table class="scale" id="table-3" notes="E,F,,G,,A,,B,C,,D,,E" >
<caption><u>3 - Phrygian Mode</u></caption>
<tbody>
</tbody></table>
<script language="javascript">musicCreateScaleTable( document.getElementById( "table-3" ));</script>

<table class="scale" id="table-4" notes="F,,G,,A,,B,C,,D,,E,F" intervals="R,,2,,3,,a4,5,,6,,7,R" degrees="I,,II,,III,,IV,V,,VI,,VII,I" >
<caption><u>4 - Lydian Mode</u></caption>
<tbody>
</tbody></table>
<script language="javascript">musicCreateScaleTable( document.getElementById( "table-4" ));</script>

<table class="scale" id="table-5" notes="G,,A,,B,C,,D,,E,F,,G" >
<caption><u>5 - Mixolydian Mode</u></caption>
<tbody>
</tbody></table>
<script language="javascript">musicCreateScaleTable( document.getElementById( "table-5" ));</script>

<table class="scale" id="table-6" notes="A,,B,C,,D,,E,F,,G,,A" >
<caption><u>6 - Aeolian Mode</u></caption>
<tbody>
</tbody></table>
<script language="javascript">musicCreateScaleTable( document.getElementById( "table-6" ));</script>

<table class="scale" id="table-7" notes="B,C,,D,,E,F,,G,,A,,B" >
<caption><u>7 - Locrian Mode</u></caption>
<tbody>
</tbody></table>
<script language="javascript">musicCreateScaleTable( document.getElementById( "table-7" ));</script>

<div class="footer"><hr />
<p>Page author: USP &bull; Page editor: USP &bull; Last update: 2013-08-03 &bull; 2</p>
<p>&copy; 2013 Synesis Ulrich Sprick. All rights reserved. See <a href="../../copyright.htm">Copyright details</a>.</p>
<p><a href="#top">Back to Top</a> | <a href="../../index.htm" target="_top">Home</a> | <a id="reload" onclick="reloadFrameset()" href ="../../index.htm" target="_top" >Reload Frameset</a></p>
</div></body></html>
